<template>
  <div class="fundodoo-goods-image-container">
    <!-- <GoodsImage :url="url" /> -->
    <img class="fundodoo-goods-image" :src="url">
    <div class="fundodoo-goods-image-list" />
  </div>
</template>

<script>
import Vue from 'vue'
// import GoodsImage from './GoodsImage'

export default Vue.extend({
  name: 'GoodsImgRenderer',
  components: {
    // GoodsImage
  },
  props: {

  },
  data() {
    return {
      url: '',
      srcList: []
    }
  },

  created() {

  },
  beforeMount() {
    this.url = this.getUrl()
    this.srcList = this.getSrcList()
  },
  methods: {
    getUrl() {
      return this.params.value
    },
    getSrcList() {
      return this.params.data.id
    },
    refresh(params) {
      if (params.value !== this.params.value) {
        this.params = params
        this.params.refreshCell()
      }
      return true
    }
  }
})
</script>

<style scoped>
  .fundodoo-goods-image-container, .fundodoo-goods-image{
    width: 100%;
    height: 100%;
  }
</style>
